<template>
  <div class="box">
<Head :title="`${num}.${list}`" style="border-bottom: 2px solid #dad9df" id="backstyle">
</Head> 
 <router-view></router-view>
  </div>

</template>

<script>

import Head from "@/components/public/HeadPage.vue"
export default {
  data(){
    return {
      list:sessionStorage.getItem("W-C-title"),
      num:sessionStorage.getItem("i")
    }
  },
   components:{
   Head
   },
   methods:{
   
   }
}
</script>

<style scoped>
.box{
  width: 100%;


}
/* 图标区域 */
.top h3 img {
    width: 0.24rem;
    margin-right: 0.05rem;
}

.bottom{
  width: 100%;
  height: .35rem;
  display: flex;
  justify-content: center;

}
.center{
  width: 98%;

  text-align: center;
  font-weight: 700;
  line-height: .35rem;
  background-color: white;
}
.xiao{
  width: 100%;
  margin-top: .05rem;
 display: flex;
 border-bottom: 2px solid #dad9df;

  
}
.xiao .left{
      width: 5%;
      height: .3rem;
      margin-left: .1rem;
      font-weight: 700;
      text-align: center;
      line-height: .3rem;
    }
    .zhong{
      width: 95%;
      height: 100%;
      line-height: .3rem;
      padding-left: 5px;
     font-weight: 700;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
</style>